import React from 'react';
import { Link } from 'react-router-dom';
// import { useLocation } from 'react-router-dom';

const ProductView = (props) => {


  // console.log(props.location.state) // {id:111}
  //   {
  //     "pathname": "/product",
  //     "state": {
  //         "id": 111
  //     },
  //     "search": "",
  //     "hash": "",
  //     "key": "j5s7gx"
  // }

  // const location = useLocation()
  // console.log(location)

  // {
  //   "pathname": "/product",
  //     "search": "",
  //       "hash": "",
  //         "state": {
  //     "id": 111
  //   },
  //   "key": "j5s7gx"
  // }
  return (
    <div>
      <h1>Product View</h1>
      <ul>
        <li>
          {/* 动态路由传参数 */}
          <Link to={{ pathname: "/product/10002145" }}>111发财</Link>
        </li>
      </ul>
    </div>
  );
}

export default ProductView;
